/**
 * Created by Administrator on 2017/5/20 0020.
 */
//top关闭动画
$(function(){
    $("#top-wrapper").find("span").on("click",function(){
        $("#top-wrapper").hide()
    })

})

//nav-left
$(function(){
    $("#nav-wrapper").find("a").hover(function(){
        $(this).css("color","red")
    },function(){
        $(this).css("color","black")
    });
})

//nav-right
$(function(){
    $(".nav-right").find("a").hover(function(){
        $(this).css("color","red")

    },function(){
        $(this).css("color","black")
    });
})

$(function(){
    $(".list1").find("ol").hover(function(){
        $(this).animate({height:128})
    },function(){
        $(this).animate({height:20})
    });
})

$(".img").on("mouseover",function(){
    alert(1)
    console.log($(".img"));
})

//导航栏动画
// var lis =document.getElementById("move").children ;
// var current = 0;
// for(var i=0;i<lis.length;i++) {
//     lis[i].onmouseover = function() {   // 鼠标经过
//         // 当我们鼠标放到某个li 上的时候，只需要 让 云彩的left 值 是  当前li 的offsetLeft
//         // cloud.style.left = this.offsetLeft + "px";
//         animate(cloud,this.offsetLeft);  // 第一个参数  谁动    第二个参数 动多少
//     }
//     lis[i].onmouseout = function() {  //  鼠标离开
//         animate(cloud,current);  // 鼠标离开就回到 上次单击的位置
//     }
//     lis[i].onclick = function() {
//         current = this.offsetLeft;  // 记录当前点击的位置
//         animate(cloud,current);  // 点击之后，就应该滑动到当前的位置
//         console.log(current)
//     }
// }
// function animate(obj,target) {  // 就是让谁做动画
//     clearInterval(obj.timer);
//     obj.timer = setInterval(function() {
//         // 运动公式  leader = leader + (target - leadaer) / 10
//         var step = (target - obj.offsetLeft) / 10;
//         step = step > 0 ? Math.ceil(step) : Math.floor(step);
//         obj.style.left = obj.offsetLeft + step + "px";
//         if(target == obj.offsetLeft) {
//             clearInterval(obj.timer);
//         }
//     },10)
// }